<template>
	<div id="mitool">
 		<p class="banner"></p>
 		<div class="detail_wrap">
			<miTool></miTool>
		<!--<User></User>-->
 		</div>
	</div>
</template>
<script>
	import * as detail from "./tools/main";
	import * as user from "./user/main";
	export default {
        name: "mitool",
        components: {
            miTool: detail.mitool,
            User: user.user
           // artList: list.list
        }
	}
</script>
<style scoped lang="less" rel="stylesheet/less" type="text/css">
	@import '../../../public/css/variable.less';	
	.banner{
 		height: 460px;
	    background: url(../../../public/images/mine_bg.jpg) no-repeat center;
	    background-size: cover;
 	}
 	.detail_wrap{
 		width: 1150px;
	    margin: 0 auto;
	    padding: 45px 40px;
	    box-sizing: border-box;
	    background: url(../../../public/images/xu_b.png) no-repeat left top;
	    background-size: 100%;
	    margin-top: -45px;
	    border-radius: 5px;
	    .bdr(5px);
 	}
    .el-col-18{
    	padding: 20px 35px;
		box-sizing: border-box;
		border: 1px solid #f4f4f4;
		.bdr(5px);
    }
	.crumbs{
		position: relative;
		padding-bottom: 20px;
		border-bottom: 1px solid #efefef;
		margin-bottom: 30px;
		height: 40px;
		line-height: 40px;
		text-align: right;
		a{
			.fonts(15px);
			cursor: pointer;
			color: #8f9397;
			.trans(.3s);
			&:hover{ color: @cgolden; }
		}
		
		em{
			font-family: "宋体";
			.fonts(15px);
			padding-right: 5px;
		}
		&:before{
			content: "";
			position: absolute;
			width: 60px;
			height: 3px;
			background: #d8b26a;
			bottom: 0;
			left: 0;
		}
	}
</style>